<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/myordermain.css" media="all">
<script type="text/javascript" src="__PUBLIC__/js/jquery1.8.3.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/wei_webapp_v2_common.js"></script>
<title>{$metaTitle}</title>
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<meta name="Keywords" content="">
<meta name="Description" content="">
<!-- Mobile Devices Support @begin -->
	<meta content="telephone=no, address=no" name="format-detection">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<!-- apple devices fullscreen -->
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<!-- Mobile Devices Support @end -->
</head>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/home.css" media="all">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/wei_canyin.css" media="all" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/order-index.css" media="all" />
<style type="text/css">
.my_menu_list th{color: #7C7C7C;}
.box li{margin-left:15px;}
#list td{padding-left:15px;}
.headselect a{color:#fff;}
</style>
<body id="page_intelOrder" class="myOrderCon">
<div id="muhead">
	<div id="head-background">
		<!--img id="header-background-image" src="__PUBLIC__/images/header-background_01.jpg"-->
		<img id="header-background-image" src="https://img.yzcdn.cn/upload_files/2015/07/09/FrWLc31WQcdNyIUAHP7k5I_thofQ.jpg">
		<div id="mu-nav">
		</div>
		<div id="mu-menu">
			<span style="padding: 0% 1.5%;"></span>
			<img id="mu-logo" src="__PUBLIC__/images/9mu-logo-02.png">
			<!--img src="https://img.yzcdn.cn/upload_files/2015/07/09/Fk1GU7hK59H9cPnNfd1WMoTnaQgh.jpg?imageView2/2/w/200/h/200/q/75/format/jpg" style="width: 72px; height: 72px;"-->
			<span class="mu-menu-list">
				<ul class="mu-menu-ul">
					<li class="zmenu">{$today}</li> 
					<li class="zemnu img"><img src="__PUBLIC__/images/seprate.png"></li>
					<li class="zmenu">菜篮子:<span id="basketid">{$basketid}</span></li>
					<li class="zemnu img"><img src="__PUBLIC__/images/seprate.png"></li>
					<li class="zmenu"><a href="{:U('Wap/OrderFood/myOrder')}">我的订单</a></li>
				</ul>
			</span>
		</div>
	</div>
</div>
<div class="container">
<br/>
<header id="container">
	<div style="padding:10px 0;">
		<ul class="list_order" id='list' style="color:#181818;font-size:16px">
		 <if condition="!empty($orderList)">
			<volist name="orderList" id="order">
				<li>
				<label style="float:none;color:#666666;font-size: 15px;">
                    点菜人：{$order['nickname']}<br />
                    菜篮号：{$order['basketid']}<br />
					备注：<if condition="$order['state']==1"><input type="text" name="delivermark" placeholder="请填写配送情况"><else/>{$order['delivermark']}</if><br />
					订单状态：<if condition="$order['state']==1">未配送
                        <a class="comm_btn" style="float:right;" onclick="checkDeliverMark(this)" href="{:U('Wap/OrderFood/doDeliver', array('orderid' => $order['oid']))}">确认送达</a>
                        <elseif condition="$order['state']==2"/>已配送<br />
                        <elseif condition="$order['state']==3"/>已送达</if>
				</label>
			</li>
		 </volist>
		 <else/>
	     <li>您还没有任何订单信息</li>
		 </if>
		</ul>
	</div>
</header>
</div>


<script>
function checkDeliverMark(obj) {
	var mark = $(obj).parent().children("input:text[name='delivermark']").val();
	var href = $(obj).attr('href');
	var htmlIndex = href.indexOf('.html');
	href = href.substring(0,htmlIndex);
	href = href+'/delivermark/'+ mark+'.html';
	$(obj).attr('href', href);
	return true;
}
$(document).ready(function(){
    var min_height = $(document).height() - 300;
    $("#container").css({"min-height":min_height});
});

</script>
</body>
</html>